<!--Created by IntelliJ IDEA.-->
<!--User: Administrator-->
<!--Date: 2017/12/8-->
<!--Time: 15:31-->
<!--To change this template use File | Settings | File Templates.-->
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>字体样式</title>
    <script src="../../statics/libs/jquery-1.7.2.js"></script>
    <link rel="stylesheet" href="../../statics/css/font-awesome.min.css">
    <!--layui ztree样式-->
    <link rel="stylesheet" href="../../statics/plugins/layui/css/layui.css" media="all">
    <script src="../../statics/plugins/layer/layer.js"></script>
    <script src="../../statics/plugins/layui/layui.js"></script>
    <script src="../../statics/plugins/ztree/jquery.ztree.all.min.js"></script>
    <link rel="stylesheet" href="../../statics/plugins/ztree/css/metroStyle/metroStyle.css">
    <!--js组件-->
    <script src="../../common/js/pageGrid.js"></script>
    <script src="../../common/js/selectTool.js"></script>
    <script src="../../common/js/radioTool.js"></script>
    <script src="../../common/js/checkboxTool.js"></script>
    <script src="../../common/js/treeTool.js"></script>
    <script src="../../common/js/labelTool.js"></script>
    <script src="../../common/js/linkSelectTool.js"></script>
    <script src="../../common/js/uploadTool.js"></script>
    <script src="../../common/js/HuploadTool.js"></script>
    <script src="../../common/js/tplTool.js"></script>
    <script src="../../common/js/editGrid.js"></script>
    <!--全局-->
    <script src="../../common/js/whole/cyLayer.js"></script>
    <script src="../../common/js/whole/common.js"></script>
    <script src="../../common/js/whole/setting.js"></script>
    <script src="../../common/js/whole/utils.js"></script>
    <script src="../../common/js/whole/monitor.js"></script>
    <!--样式-->
    <link rel="stylesheet" href="../../common/css/cyStyle.css">
    <link rel="stylesheet" href="../../common/css/cyType.css">

</head>
<body>
<!--字体颜色-->
<table class="layui-table">
    <thead>
    <tr>
        <th>字体颜色</th>
        <th>class</th>

    </tr>
    </thead>
    <tbody>
    <tr>
        <td><span class="ft-blue">蓝色</span></td>
        <td>class="ft-blue"</td>
    </tr>
    <tr>
        <td><span class="ft-warm">警告</span></td>
        <td>class="ft-warm"</td>
    </tr>
    <tr>
        <td><span class="ft-red">强调</span></td>
        <td>class="ft-red"</td>
    </tr>
    <tr>
        <td><span class="ft-green">绿色</span></td>
        <td>class="ft-green"</td>
    </tr>
    <tr>
        <td><span class="ft-gray">灰色</span></td>
        <td>class="ft-gray"</td>
    </tr>
    </tbody>
</table>
<!--字体大小-->
<table class="layui-table">
    <thead>
    <tr>
        <th>字体大小</th>
        <th>class</th>

    </tr>
    </thead>
    <tbody>
    <tr>
        <td><span class="ft-10">字体</span></td>
        <td>class="ft-10"</td>
    </tr>
    <tr>
        <td><span class="ft-12">字体</span></td>
        <td>class="ft-12"</td>
    </tr>
    <tr>
        <td><span class="ft-14">字体</span></td>
        <td>class="ft-14"</td>
    </tr>
    <tr>
        <td><span class="ft-14">...</span></td>
        <td>...</td>
    </tr>
    <tr>
        <td><span class="ft-28">字体</span></td>
        <td>class="ft-28"</td>
    </tr>
    <tr>
        <td><span class="ft-30">字体</span></td>
        <td>class="ft-30"</td>
    </tr>

    </tbody>
</table>
<!--字体链接-->
<table class="layui-table">
    <thead>
    <tr>
        <th>字体链接</th>
        <th>class</th>

    </tr>
    </thead>
    <tbody>
    <tr>
        <td><span class="a-link">默认链接颜色</span></td>
        <td>class="a-link"</td>
    </tr>
    <tr>
        <td><span class="click-span">可点击样式</span></td>
        <td>class="click-span"</td>
    </tr>
    </tbody>
</table>
<!--字体加粗-->
<table class="layui-table">
    <thead>
    <tr>
        <th>字体加粗</th>
        <th>class</th>

    </tr>
    </thead>
    <tbody>
    <tr>
        <td><span class="ft-normal">字体正常</span></td>
        <td>class="ft-normal"</td>
    </tr>
    <tr>
        <td><span class="ft-bold">字体加粗</span></td>
        <td>class="ft-bold"</td>
    </tr>
    </tbody>
</table>
</body>
</html>
